<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="/public/jsp/Common.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
  <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>购荐同享</title>
    <style type="text/css">
	
		body {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.navbar {
	  margin-bottom: 10px;
	}
	
</style>
  </head>
  
  <body>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="row-fluid">
				<div class="span2">
				</div>
				<div class="span7">
					<h6>
						高性价比产品网购推荐，推荐他人，共同提高生活品质.
					</h6>
					<nav class="navbar navbar-default" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Brand</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
          <li class="divider"></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>
				</div>
				<div class="span3">
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<div class="row-fluid">
						<div class="span12">
							<ul>
								<li>
									新闻资讯
								</li>
								<li>
									体育竞技
								</li>
								<li>
									娱乐八卦
								</li>
								<li>
									前沿科技
								</li>
								<li>
									环球财经
								</li>
								<li>
									天气预报
								</li>
								<li>
									房产家居
								</li>
								<li>
									网络游戏
								</li>
							</ul>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<p>
								商家导航
							</p>
							<ol>
								<li>
									京东商城
								</li>
								<li>
									天猫
								</li>
								<li>
									易迅
								</li>
								<li>
									唯品会
								</li>
								<li>
									顺丰优选
								</li>
							</ol>
						</div>
					</div>
				</div>
				<div class="span7">
					<ul class="thumbnails">
						<li class="span4">
							<div class="thumbnail">
								<img alt="300x200" src="img/people.jpg" />
								<div class="caption">
									<h3>
										冯诺尔曼结构
									</h3>
									<p>
										也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
									</p>
									<p>
										<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span4">
							<div class="thumbnail">
								<img alt="300x200" src="img/city.jpg" />
								<div class="caption">
									<h3>
										哈佛结构
									</h3>
									<p>
										哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
									</p>
									<p>
										<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span4">
							<div class="thumbnail">
								<img alt="300x200" src="img/sports.jpg" />
								<div class="caption">
									<h3>
										改进型哈佛结构
									</h3>
									<p>
										改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
									</p>
									<p>
										<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
									</p>
								</div>
							</div>
						</li>
					</ul>
					<div class="pagination">
						<ul>
							<li>
								<a href="#">上一页</a>
							</li>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
							<li>
								<a href="#">下一页</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="span3">
					<div class="row-fluid">
						<div class="span12">
							<p>
								<span class="label">当前热门活动</span>
							</p>
							<ul>
								<li>
									<h2>
										<a href="http://www.amazon.cn/%E4%BF%83%E9%94%80-%E7%89%B9%E4%BB%B7/b/ref=cs_top_nav_gb27?tag=joyo01-23&amp;ie=UTF8&amp;node=42450071" title="亚马逊Z秒杀">亚马逊Z秒杀</a>
									</h2>
								</li>
								<li>
									<h2>
										<a href="http://www.smzdm.com/youhui/455805" title="国美家电阶梯满减">国美家电阶梯满减</a><sup>new</sup>
									</h2>
								</li>
							</ul>
							
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="media">
								 <a href="#" class="pull-left"><img src="img/a_002.jpg" class="media-object" alt='' /></a>
								<div class="media-body">
									<h4 class="media-heading">
										嵌入媒体标题
									</h4> 请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<blockquote>
								<p>
									github是一个全球化的开源社区.
								</p> <small>关键词 <cite>开源</cite></small>
							</blockquote>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="tabbable" id="tabs-881049">
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#panel-877545" data-toggle="tab">第一部分</a>
									</li>
									<li>
										<a href="#panel-913018" data-toggle="tab">第二部分</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="panel-877545">
										<p class="table-condensed table-striped">
											推荐排名
										</p>
										<table class="table table-condensed table-striped">
											<thead>
												<tr>
													<th>
														排名
													</th>
													<th>
														推荐积分
													</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>
														1
													</td>
													<td>
														1000
													</td>
												</tr>
												<tr class="success">
													<td>
														1
													</td>
													<td>
														1000
													</td>
												</tr>
												<tr class="error">
													<td>
														2
													</td>
													<td>
														1000
													</td>
												</tr>
												<tr class="warning">
													<td>
														3
													</td>
													<td>
														1000
													</td>
												</tr>
												<tr class="info">
													<td>
														4
													</td>
													<td>
														1000
													</td>
												</tr>
											</tbody>
										</table>
										
									</div>
									<div class="tab-pane" id="panel-913018">
										<p>
											第二部分内容.
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
				</div>
				<div class="span7">
					<div class="row-fluid">
						<div class="span3">
							<p>
								<span class="label">关于我们</span>
							</p><hr />
							<p>
								<small><strong><a href="http://#">关于购荐同享</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">联系我们</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">加入我们</a></strong></small>
							</p>
						</div>
						<div class="span3">
							<p>
								<span class="label">关于我们</span>
							</p><hr />
							<p>
								<small><strong><a href="http://#">关于购荐同享</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">联系我们</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">加入我们</a></strong></small>
							</p>
						</div>
						<div class="span3">
							<p>
								<span class="label">关于我们</span>
							</p><hr />
							<p>
								<small><strong><a href="http://#">关于购荐同享</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">联系我们</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">加入我们</a></strong></small>
							</p>
						</div>
						<div class="span3">
							<p>
								<span class="label">关于我们</span>
							</p><hr />
							<p>
								<small><strong><a href="http://#">关于购荐同享</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">联系我们</a></strong></small>
							</p>
							<p>
								<small><strong><a href="http://#">加入我们</a></strong></small>
							</p>
						</div>
					</div> <address>版权所有<strong>.</strong><br /> <small>本站内容未经书面许可，禁止一切形式的转载。 日志存档<br /> © copyright 2010-2014 购荐同享. All rights reserved. 京ICP备11022463号-1 京公网安备11010602100083</small></address>
				</div>
				<div class="span3">
				</div>
			</div>
		</div>
	</div>
</div>
  </body>
</html>
